<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>地球实时照片</title>
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
	<script src="js/preload.js"></script>
	<script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<!--<script src="//cdn.bootcss.com/lodash.js/4.13.1/lodash.min.js"></script>-->
	<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<script src="http://cdn.bootcss.com/handlebars.js/4.0.5/handlebars.min.js"></script>
	<script src="http://cdn.bootcss.com/moment.js/2.13.0/moment.min.js"></script>
	<script src="js/app.js"></script>
</head>
<body>
<div class="container">
	<h1 class="page-header">实时照片</h1>
	<div style="width: 100%; height: 550px; display:none" id="loading">
		<img src="css/loading.gif" style="margin-left: 210px; margin-top: 170px; width: 200px; height: 200px;"></img>
	</div>
	<div class="ibox float-e-margins" id="main">
		<div class="ibox-title">
			<button id="refresh">刷新</button>&nbsp;<button id="all">全部</button>&nbsp;<button id="start">动起来</button> <label id="time"></label>
		</div>
		<hr size="1"/>
		<div class="ibox-content">
			<div class="list-group" style="margin-left: 60px;">
				<img id="img"></img>
			</div>
		</div>
	</div>
</div>
</body>
</html>
